﻿<%@ page language="C#" autoeventwireup="true" inherits="Default_Product, App_Web_e1jp1m1s" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telephone=no" />
    <link rel="shortcut icon" href="../Images/favicon.ico" type="image/x-icon" />
    <%=MainCss%>
    <script src="js/jquery.min.js" type="text/javascript"></script>
    <script src="js/jquery.lazyload.min.js" type="text/javascript"></script>
    <script src="js/main.js" type="text/javascript"></script>

    <style type="text/css">
        body, .index_wrapper {
            background: #F5F5F5;
            padding-bottom:0px;
        }
        .fixed{position:fixed; width:100%;}
    </style>
        
    <script type="text/javascript">

        $(window).scroll(function () {
            var scrolls = $(window).scrollTop()
            if (scrolls > 10) {
                $("#topwrap").addClass("fixed")
            } else {
                $("#topwrap").removeClass("fixed")
            }

            if ($(window).scrollTop() > 200) {
                $('#GoTop').show();
            }
            else {
                $('#GoTop').hide();
            }
        });

        $(document).ready(function () {
            $('#GoTop').click(function () { $('html, body').animate({ scrollTop: 0 }, 'slow'); });
        });

        function getMore() {
            __doPostBack('lnbMore', '');
        }

    </script>
</head>

<body>
    
<form id="form1" runat="server">
    
    <div class="index_wrapper">
    
        <header>

            <div class="topbar">
                <a href="javascript:history.back(-1)" class="back_btn"><i class="icon iconfont">&#xf0115;</i></a>
                <a href="javascript:;" class="top_home"></a>
                <h1 class="page_title"><asp:Label ID="lblTitle" runat="server"></asp:Label></h1>
            </div>
    
        </header>
   
        <asp:ScriptManager id="ScriptManager1"  runat="server"></asp:ScriptManager>
    
        <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
            <ContentTemplate>
        
               <script src="js/updatepanel.js" type="text/javascript"></script>
            
               <script type="text/javascript" >
                    var prm = Sys.WebForms.PageRequestManager.getInstance();
                    prm.add_endRequest(function () {
                        $("img.lazy").lazyload({ placeholder: "images/no_image.jpg", effect: "fadeIn" });
                    });
                </script>
             
                <div id="topwrap">
                    
                <div class="news_search" style="border-bottom:solid 1px #eee; padding-bottom:10px; background:#fff;">
                    <div class="news_search_div">
                        <asp:TextBox ID="txtKeyword" runat="server" placeholder="输入搜索关键字" CssClass="news_search_txt"></asp:TextBox>
                        <asp:LinkButton ID="lnbSearch" runat="server" CssClass="news_search_btn" OnClick="lnbSearch_Click"><i class="icon iconfont">&#xf00a8;</i></asp:LinkButton>
                    </div>
                </div>

                <div class="sort">
                    <ul>
                        <li><asp:LinkButton ID="lnbSort1" runat="server" OnClick="lnbSort1_Click"><span>按时间排</span><small>|</small></asp:LinkButton></li>
                        <li><asp:LinkButton ID="lnbSort2" runat="server" OnClick="lnbSort2_Click"><span>按价格排</span><small>|</small></asp:LinkButton></li>
                        <li><asp:LinkButton ID="lnbSort3" runat="server" OnClick="lnbSort3_Click"><span>按销量排</span><small>|</small></asp:LinkButton></li>
                        <li><asp:LinkButton ID="lnbSort4" runat="server" OnClick="lnbSort4_Click"><span>按评价排</span></asp:LinkButton></li>
                    </ul>
                </div>

                </div>

                <div id="BannerDiv" runat="server"></div>
    
                <div id="ProductDiv" runat="server" class="product_image"></div>

                <asp:LinkButton ID="lnbMore" runat="server" OnClick="lnbMore_Click"></asp:LinkButton>
            
                <script type="text/javascript">
                    $(function () {
                        $("img.lazy").lazyload({ placeholder: "images/no_image.jpg", effect: "fadeIn" });
                    });
                </script>

            </ContentTemplate>
        </asp:UpdatePanel>
    
        <asp:UpdateProgress ID="UpdateProgress1" runat="server" DisplayAfter="0" DynamicLayout="true" AssociatedUpdatePanelID="UpdatePanel1"> 
            <ProgressTemplate> 
                <div class="loading"></div>
            </ProgressTemplate> 
        </asp:UpdateProgress> 
        
        <div id="GoTop"></div>
         
    </div>
    
</form>
  
</body>

</html>
